:root {
	--theme-color: #0AB27D;
	--theme-btn-color: #0AB27D;
	--theme-bg-color: linear-gradient(45deg,#4ed7b3, #00b27f);
	--headerBg:#202a67;
	--header-bg-color:linear-gradient(to bottom, #202a67, #40508a);
}
page{
	background-color: #f5f5f7;
}
.mainPage{
	background-image: url('@/static/image/page-bg.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	min-height: 90vh;
	background-color: #f5f5f7;
	padding-top:var(--status-bar-height);
}
.padding-top-status{
	padding-top:var(--status-bar-height);
}
.radius-lg{
	border-radius: 20upx;
}
.radius-xl{
	border-radius: 25upx;
}
.shadow-white{
	box-shadow: 3px 9px 9px rgb(153 152 152 / 15%);
}
.padding-left-mn{
	padding-left: 5upx;
}
.padding-right-mn{
	padding-right: 5upx;
}
.china-btn-bg{
	background: var(--theme-bg-color) !important;
	color: #FFFFFF !important;
}
.china-btn-bg-green{
	background: linear-gradient(45deg,#00e3a7, #00aa7f) !important;
	color: #FFFFFF !important;
}
.china-btn-bg.sphere{
	color: var(--theme-color) !important;
	border: 2upx solid var(--theme-color);
	background: rgba(255, 255, 255, 0) !important;
}
.themeColor{
	color: var(--theme-color) !important;
}
.themeColor.light{
	background-color: #ffd1d1;
	color: var(--theme-color) !important;
}
.padding-top-0{
	padding-top: 0 !important;
}
.padding-bottom-0{
	padding-bottom: 0 !important;
}
.padding-right-0{
	padding-right: 0 !important;
}
.crow{
	display: flex;
	align-items: center;
}
.space-between{
	justify-content: space-between;
}
.padding-bt-100{
	padding-bottom: 100upx;
}
.headerBg{
	background-color: var(--headerBg);
}
.view-gray{
	filter: grayscale(100%);
}